<template>
    <div class="setOrder" id="container">
        <el-breadcrumb separator="/" class="tsorder">
            <el-breadcrumb-item :to="{ path: '/index/personal' }">个人中心</el-breadcrumb-item>
            <el-breadcrumb-item :to="{ path: '/index/personal/cart' }" class="gcart">购物车管理</el-breadcrumb-item>
            <el-breadcrumb-item>我的订单</el-breadcrumb-item>
        </el-breadcrumb>
        <br>
        <div>
            <!-- <el-input v-model="TotalPrice" width="30px"></el-input> -->
            <div style="display: inline-block;width: 200px;">
                <p style="">总金额：<span style="color: crimson;font-size: 20px;"> ￥{{ TotalPrice }}</span></p>
            </div>
            <el-select clearable  v-model="checkAddress" placeholder="请选择收货地址">
                <el-option v-for="item in showList" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
            </el-select>
        </div>

        <el-divider></el-divider>
        <div id="dataShow">
            <el-table ref="multipleTable" :data="multipleSelection" tooltip-effect="dark"
                style="width: 80%; margin:10px auto">
                <el-table-column prop="product.imgPath" label="图片" width="140">
                    <template slot-scope="scope">
                        <img :src="scope.row.product.imgPath" alt="" width="100">
                    </template>
                </el-table-column>
                <el-table-column prop="product.productName" label="名称" width="220">
                </el-table-column>
                <el-table-column prop="product.type" label="类型" width="180">
                </el-table-column>
                <el-table-column prop="product.price" label="单价/元" width="150">
                </el-table-column>
                <el-table-column prop="num" label="数量" width="150">
                </el-table-column>
            </el-table>
        </div>
        <div style="margin: 20px 0,width: 80%;">
            <el-button type="primary" size="mini" @click="$router.go(-1)">取消</el-button>
            <el-button type="primary" size="mini" @click="addOrder">提交订单</el-button>
        </div>
    </div>
</template>
<script src="../assets/js/SetOrderView.js"></script>
<style src="../assets/css/SetOrderView.css" scoped></style>